
@import "base.css";


body {font-family: "Microsoft YaHei";background: #fff;font-size:18px;line-height:1.6;word-wrap: break-word;word-break: break-word}
a { color: #666;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
a:hover {color: #00549c;}


.container{ width: 1000px; margin: auto;}

.book{padding:50px 0;}
.bookL{background: #ffffff;color: #3a3a3a;font-size: 12px;width:30%;float: left;padding:30px 2% 45px}
.bookL .t{color: #ffffff;background: #c2010a;margin: auto;width: 80%; line-height: 2;font-size: 14px;font-weight: bold;}
.bookL p{margin-top: 20px;}
.bookL p span{font-size: 16px; font-weight: bold}

.bookR{float: right;width: 60%;color: #fff;font-size: 12px;}
.bookR h4{font-size: 20px; }
.bookR .bookt{width:50px;text-align-last:justify; text-align:justify; font-size: 14px; font-weight: bold;float:left;margin-right: 5px;}
.bookR ul li{margin-top: 25px; line-height: 40px;}
.bookR ul li .liL{width: 49%;float: left}
.bookR ul li .liR{width: 49%;float: right}
.bookR ul li .inputs{float: left;background: #ea9b9b;border: 0; height: 40px;width:calc(100% - 55px);width:-webkit-calc(100% - 55px);width:-moz-calc(100% - 55px);box-sizing: border-box;}
.bookR ul li .inputs.yzm{ width: 50%}
.bookR ul li .btn{ color: #c2010a;background: #fff;width: 200px;text-align: center;border: 0; height: 40px; font-weight: bold; font-size: 18px;}
.bookR label.error{position: absolute;right: 0;color: #fff;top:100%;line-height: 1;}
.bookR input.error{background:#fff !important;}
.bookR .sendSms{display: inline-block;background: #fff;color: #d0121b;font-weight: bold;padding: 0 10px;margin-left: 10px;}

.foot .container{background: #171717;}


.box1,.box3,.box4{background: #cb121b;color: #fff;}

.box1{padding:8% 10% 5%;font-size: 34px;line-height: 2}
.box1 .tit{font-size: 46px; font-weight: bold;padding: 40px 0 20px }
.box1 .tit .iconfont{font-size: 50px;margin-right: 15px;}
.box1 .tit:first-child{padding:0 0 40px;}

.box2{background: #0e0e0e;color: #fff;font-size: 30px;padding:5% 7% }
.box2 .tit{font-size: 24px;letter-spacing:2px;}
.box2 .tit h3{font-size: 48px;color: #d0121b;}
.box2 .tit h3 span{font-size: 60px;color: #fff;margin-right: 5px;}

.box3{padding:9% 12% 0;font-size: 18px; }
.box3 .tit{width: 392px;margin: auto;}
.box3 ul li{width: 43%;float: left;margin: 70px 0 60px;text-align: right; line-height:1.8}
.box3 ul li .img{width:146px;float: left;margin-top: 10px;}
.box3 ul li:nth-child(odd){margin-right:14%;}

.box4{padding: 0 10%;}
.box4 ul li{width:30%;display: inline-block;margin:0 5px 70px;background: #fff; color: #595757;line-height: 1.5  }
.box4 ul li em{ color: #fff;font-size:20px;display:inline-block;background: #c2010a;width:160px;text-align:center;line-height:2;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;margin:20px 0 10px;}
.box4 ul li .con{font-size:14px; height:80px;margin: 10px 25px}


.box5{background: #c2010a;color: #fff;padding:0 15%;}
.box5 .tit{padding: 70px 0 20px ;font-size: 18px;}
.box5 .tit h3{font-size: 30px;}

@media screen and (max-width:1000px) {
    body {font-size: 16px;}
    .container {width:100%}

    .box1{padding:5%;font-size:28px;}
    .box1 .tit{font-size:36px;}
    .box1 .tit .iconfont{font-size:40px;}
    .box1 .tit:first-child{padding:0 0 20px;}

    .box2{font-size:24px;padding:5% 5% 8% }
    .box2 .tit{font-size: 18px;}
    .box2 .tit h3{font-size:28px;}
    .box2 .tit h3 span{font-size:36px;}

    .box3{padding:5% 3% 0; }
    .box3 ul li{margin:50px 0 40px;}
    .box3 ul li .img{margin-top:0;}

    .box4{padding: 0 3%;}
    .box4 ul li em {font-size: 16px;width: 150px;}

    .box5{padding:0 3%;}
    .box5 .tit{padding: 70px 0 20px ;font-size: 18px;}
    .box5 .tit h3{font-size: 30px;}


}


@media screen and (max-width:567px) {
    body {font-size: 14px;}


    .book{padding: 5% 0}
    .bookL{width:90%;float: none;margin: auto;padding:10px 2% 15px}
    .bookL .t{font-size: 16px;}
    .bookL p{margin-top:10px;}
    .bookL p span{font-size: 12px; font-weight: bold}

    .bookR{float: none;width:90%;margin:10px auto}
    .bookR h4{font-size: 14px; }
    .bookR .bookt{width:46px;font-size: 12px;}
    .bookR ul li{margin-top:10px; line-height:30px;}
    .bookR ul li .liL{width:100%;float: none;margin-bottom: 10px;}
    .bookR ul li .liR{width:100%;float: none}

    .bookR ul li .inputs{height:30px;float: none}
    .bookR ul li .inputs.yzm{ width: 50%}
    .bookR ul li .btn{ height: 30px; font-size: 14px;}


    .box1{padding:5% 3%;font-size:16px;}
    .box1 .tit,.box1 .tit .iconfont{font-size:20px;margin-right: 0;}
    .box1 .tit:first-child{padding:0;}

    .box2{font-size:16px;padding:5% 5% 8% }
    .box2 .tit{font-size:16px;}
    .box2 .tit h3{font-size:20px;}
    .box2 .tit h3 span{font-size:28px;}

    .box3{font-size: 14px;}
    .box3 .tit {width:200px;}
    .box3 ul li{margin:30px 1% 10px;text-align: center;width: 48%}
    .box3 ul li .img{width:60%;float: none;margin: auto}
    .box3 ul li:nth-child(odd) {margin-right: 1%;}

    .box4{padding: 0 3%;}
    .box4 ul li{width: 45%;margin: 0 2px 30px;}
    .box4 ul li em {font-size: 14px;width: auto;padding: 0 15px;}
    .box4 ul li .con {font-size: 12px;height: 60px;margin:5px;}
    .box5{padding:0 3%;}
    .box5 .tit{padding:30px 0 20px;font-size: 14px;}
    .box5 .tit h3{font-size:20px;}



}



